<template>
  <div class="dir_wrap">
    <div class="dir_one" v-for="(item, index) in CDlist" :key="index">
      <h1>
        <span>第{{ index + 1 }}章</span>
        <span>{{ item.CDName }}</span>
      </h1>
      <dir-video :dirindex="index" :c_id="CDid" :dir_id="item._id" ></dir-video>
    </div>
  </div>
</template>
<script>
import dirVideo from './dirVideo.vue'
export default {
  components: { dirVideo },
  props: ['CDlist', 'CDid'], //CDlist目录列表   CDid课程的_id
  methods: {},
  computed: {},
}
</script>
<style lang="less">
.dir_one {
  padding: 5px 20px;
  box-sizing: border-box;
  background: white;
  margin-top: 10px;
  h1 {
    span {
      margin-right: 10px;
    }
  }
}
</style>
